a{
    transition: 0.3s;
}
a:hover{
    color:red;
    text-decoration: none;
}
a.hov5:hover{
    padding-left: 5px;
}

.noshadow{box-shadow:none !important}

.m-b-0{margin-bottom:0px;}
.m-t-0{margin-top:0px;}
.m-b-20{margin-bottom:20px;}
.m-t-20{margin-top:20px;}
.m-b-10{margin-bottom:10px;}
.m-t-10{margin-top:10px;}

.m-l-5{margin-left:5px;}
.m-l-10{margin-left:10px;}
.m-l-20{margin-left:20px;}

.p-t-10{padding-top:10px;}
.p-t-20{padding-top:20px;}

.p-l-10{padding-left:10px;}
.p-l-20{padding-left:20px;}
.p-r-10{padding-right:10px;}
.p-rl-10{
    padding-left:10px !important;
    padding-right:10px !important;
}
.p-rl-20{
    padding-left:20px !important;
    padding-right:20px !important;
}

.m-ytb-0{
    margin-top:0px;
    margin-bottom:0px;
}

.row{
    margin-right: -10px;
    margin-left: -10px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}

.gameItem .card .card-body,.gameItem .card .card-footer {
    padding: .5rem .3rem;
}

.more{
    padding-top: 15px;
}

.card-img-top, .alert{
    border-radius:calc(0.25rem - 1px);
}

.card-body{
    /*padding-left: 0!important;*/
    /*padding-right: 0!important;*/
}

.card-title{
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    margin-top: 0!important;
}

.ellipsis{
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.dropdown-menu{
    border: 1px solid #ccc;
}
.star{
    letter-spacing: -2px;
}

.clear-both{
    clear:both;
}

.comment{
    max-width: 100%;
    padding: 0;
}

.info p{
    color: #3C4858;
}

.gameInfo{
    color: #000000;
}

.navbar .navbar-nav .nav-item .nav-link{
    font-size: 16px;
}
.nav-link :hover{

}

.bmd-form-group .form-control.search{
    background-image: linear-gradient(to top, #555 2px, rgba(0,0,0,0) 2px), linear-gradient(to top, #555 1px, rgba(0,0,0,0) 1px) !important;
}

.dropdown-item .navIco{
    font-size: 1.5em;
    margin-right: 5px;
}

.user{
    padding:  0.5rem  !important;
}
.user .figure{
    width: 30px;
    margin-right: 10px;
    border-radius:3px;
}

.vip .form-check{
    margin-bottom: .8rem;

}
.vip .form-check label,.search label{
    font-size: 1rem;
    color: #9c27b0;
}

.search{

}

.ico30{
    font-size: 30px !important;
}
.ico50{
    font-size: 50px !important;
}
.ico80{
    font-size: 80px !important;
}

.profile-page .page-header {
    height: 200px;
}

.trait.badge{
    padding: 0.25em 0.4em;
}

.order .badge{
    color: #ffffff;
    padding: 5px;
}

.profile-page .profile img{
    max-width: 120px;
}

.nav-link{
    padding: 0.5rem;
}

.nav-pills .nav-item .nav-link{
    min-width: auto;
    background-color: rgba(200, 200, 200, 0.2);
}

.articleContent img{
    max-width: 100%;
}

.articleContent iframe{
    width: 100%;
    height: 300px;
}

.articleContent .articleGame img{
    width: 100%;
}

h1,h2,h3,h4,h5,h6{
    font-weight: bold;
}


.navbar.sticky{
    padding: 0;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2);
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);*/
}
.navbar.sticky .navbar-brand{
    height: 40px;
    padding: 0.3125rem 0;
}
.navbar.sticky .navbar-nav .nav-item .nav-link{
    padding: 0.3125rem 0.9375rem;
}

footer ul li a,.navbar .navbar-nav .nav-item .nav-link,.badge{
    text-transform: none;
}
.ql-editor{
    height: auto;
    padding: 0;
}

.modal .modal-dialog{
    margin-top: 0;
}
.card-body li{
    list-style: none;
}

.downloadUsers img{
    width: 3rem;
}

.comment .reply{
    font-size: 14px;
    cursor: pointer;
}

nav i .trait.badge{
    position: absolute;
    top: -5px;
    right: -10px;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #181c32;
}

::-webkit-scrollbar-thumb {
    background-color: #5a76cd;
}


/*编辑器显示效果统一*/
strong {
    font-weight: bold;
}
.ql-editor {
    font-family: Open Sans,Segoe UI,Helvetica,sans-serif;
}
.ql-editor ol {
    padding-left: 2.5em;
}
.ql-editor li{
    list-style-type:decimal;
    padding-left: .5em;
}


.text-green{
    color: green;
}
.text-red{
    color: red;
}
.text-blue{
    color: blue;
}
.text-purple{
    color: purple;
}


.ql-editor,.ql-editor p {
    font: 18px/1.5 "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif !important;
}

.col-xl-4 img{
    width: 262px;
    height: 262px;
}
.col-xl-3 img{
    width: 192px;
    height: 192px;
}
/*加载时全屏处于不能操作，只能处在loading动画的界面*/
/*html,body{
    height:100%;
    width:100%;
}
body{
    overflow: hidden;
}*/
#loading{
    width:100%;
    height:100%;
    background-color:#00000033 ;
    top:0;
    left:0;
    position:fixed;
    z-index: 1999;/*用来显示在最前面*/
    text-align: center;
    padding-top: 20%;
    display: none;
}
.card-raised img{
    min-height: 376px;
}

/*小于992px的设备*/
@media (max-width:992px) {
    
    .trait.badge{
        padding: 0.6em 0.5em 0.25em 0.5em;
    }
    .collapse.navbar-collapse{
        border-left: solid 1px #e5e5e5;
    }
    .card-raised img {
        min-height: 140px;
    }
}
@media screen and (max-width: 750px) {
   .col-xl-4 img,.col-xl-3 img{
        width: 100%;
        height: auto;
    }
}

@media (max-width:830px) {

    .main-raised {
        margin-left: 0;
        margin-right: 0;
        box-shadow:none;
    }
    .container{
        max-width:none !important;
    }
}
@media (min-width: 576px) {
    .container{
        /*max-width:none*/
    }
}